import Link from "next/link";
import Form from "./_components/form";
import { getTranslations } from "next-intl/server";

export default async function Page() {
  const t = await getTranslations("authPages");
  return (
    <div className="w-80 flex flex-col">
      <div className="h-16 text-3xl font-bold text-primary">{t("forgotPasswordTitle")}</div>
      <Form />
      <div className="h-16 flex items-center justify-center gap-2">
        <div className="text-muted-foreground">{t("returnLogin")}</div>
        <Link className="text-primary hover:underline hover:underline-offset-4" href="/auth/login">
          {t("login")}
        </Link>
      </div>
    </div>
  );
}
